* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.fond {
    background-color: rgb(32, 32, 32);
    overflow: hidden;
    
}


.fondImg {
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgba(32, 32, 32);
    text-decoration: none;
    width: 100vw;
    height: 100vh;
}


.fondVid { 
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgba(32, 32, 32);
    width: 100vw;
    height: 100vh;
    text-align: center;
}


.container {
    height: 10vh;
    width: 100vw;
    background-color: rgb(0, 0, 0);
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    padding: 0 35vw;
    text-align: center !important;
    
}





.red_button:hover {
    background-color: rgb(39, 11, 11); /* Couleur plus foncée au survol */
}


.white_title {
    text-decoration: none;
    font-size: 6vw; /* Taille du texte */
    font-weight: bold; /* Texte en gras */
    color: rgb(255, 255, 255); /* Couleur du texte */
    
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}


.white_subtitle {
    text-decoration: none;
    font-size: 1vw; /* Taille du texte */
    font-weight: normal; /* Texte en gras */
    color: rgb(255, 255, 255); /* Couleur du texte */
    
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}


.active_button {
    cursor: default; /* Curseur standard pour montrer qu'il n'est pas cliquable */
    pointer-events: none; /* Désactive les interactions pour éviter de cliquer */
    text-decoration: none;
    height: 100%; /* Boutons proportionnels à la hauteur de la barre */
    width: 100%; 
    padding: 3vh 1vw; /* Espace intérieur pour agrandir le bouton */
    font-size: 1vw; /* Taille du texte */
    font-weight: bold; /* Texte en gras */
    color: white; /* Couleur du texte */
    background-color: rgb(19, 19, 19); /* Couleur de fond */
    border: none; /* Retire les bordures par défaut */
    transition: background-color 0.3s ease; /* Animation au survol */
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-align: center;
}


.red_button {
    text-decoration: none;
    height: 100%; /* Boutons proportionnels à la hauteur de la barre */
    width: 100%; 
    padding: 3vh 1vw; /* Espace intérieur pour agrandir le bouton */
    font-size: 1vw; /* Taille du texte */
    font-weight: bold; /* Texte en gras */
    color: white; /* Couleur du texte */
    background-color: rgb(0, 0, 0); /* Couleur de fond */
    border: none; /* Retire les bordures par défaut */
    cursor: pointer; /* Curseur interactif */
    transition: background-color 0.3s ease; /* Animation au survol */
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}


.cesure {
    
    height: 12vw !important;
}







@media(max-width: 900px){


    
    
    
    .container {
        height: 20vw;
        width: 100vw;
        background-color: rgb(0, 0, 0);
        padding: 0 0;
        
    }
    
    
    
    
    
    .red_button:hover {
        background-color: rgb(39, 11, 11); /* Couleur plus foncée au survol */
    }


    .active_button {
        cursor: default; /* Curseur standard pour montrer qu'il n'est pas cliquable */
        pointer-events: none; /* Désactive les interactions pour éviter de cliquer */
        text-decoration: none;
        height: 100%; /* Boutons proportionnels à la hauteur de la barre */
        width: 100%; 
        padding: 2vh 5vw; /* Espace intérieur pour agrandir le bouton */
        font-size: 2.5vw; /* Taille du texte */
        font-weight: bold; /* Texte en gras */
        color: white; /* Couleur du texte */
        background-color: rgb(19, 19, 19); /* Couleur de fond */
        border: none; /* Retire les bordures par défaut */
        transition: background-color 0.3s ease; /* Animation au survol */
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    }


    .red_button {
        text-decoration: none;
        height: 100%; /* Boutons proportionnels à la hauteur de la barre */
        width: 100%; 
        padding: 2vh 5vw; /* Espace intérieur pour agrandir le bouton */
        font-size: 2.5vw; /* Taille du texte */
        font-weight: bold; /* Texte en gras */
        color: white; /* Couleur du texte */
        background-color: rgb(0, 0, 0); /* Couleur de fond */
        border: none; /* Retire les bordures par défaut */
        cursor: pointer; /* Curseur interactif */
        transition: background-color 0.3s ease; /* Animation au survol */
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    }
    
    .white_title {
        
        font-size: 10vw !important; /* Taille du texte */
        
    }

    .white_subtitle {
        
        font-size: 2vw !important; /* Taille du texte */
        
    }
    
    .cesure {
        height: 28vw !important;
    }

    

                
                
    
}